<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>登录聚美</title>
  <!-- 引入login的css -->
  <link rel="stylesheet" href="./css/login.css">
  <!-- 引入reset.css -->
  <link rel="stylesheet" href="./css/reseat.css">
  <script src="./js/jquery-3.3.1.js"></script>
  <!-- 引入login.js -->
  <script src="./js/login.js"></script>
</head>

<body>
  <!-- d顶部 -->
  <div class="top-bar">
    <div class="common">
      <a href="./index.html" class="top-bar-img"></a>

      <div class="top-bar-right">
        <a href="#"></a>
        <a href="#"></a>
        <a href="#"></a>
      </div>
    </div>
  </div>
  <!--登录部分 -->
  <div class="login">
    <div class="common">
      <!--大图片  -->
      <div class="login-img"></div>
      <!-- 右边的盒子 -->
      <div class="box">
        <!-- 右边的顶部 -->
        <div class="box-top">
          <h2>登录聚美</h2>
          <div class="box-top-right">
            <span>还没有聚美账号？</span>
            <a href="./register.html">30秒注册</a>
          </div>

        </div>
        <!-- 右边的中间 -->
        <div class="box-center">
          <input type="radio" name="111" id="" class="iPhone" checked>
          <label for="">手机动态验证码登录</label>
          <input type="radio" name="111" id="" class="normal">
          <label for="">普通登录</label>
          <br>
          <input type="text" placeholder="已注册的手机号" class="tel">
          <div class="tel-down">请输入11位手机号</div>
          <input type="text" placeholder="动态密码" class="password">
          <div class="psd-down">请点击获取手机验证码</div>
          <button class="btn">获取手机验证码</button>
          <br>
          <input type="checkbox" class="auto" checked><span>自动登录</span>
          <br>
          <input type="button" value="登&nbsp;录" class="dl">
        </div>
        <!-- 下面部分 -->
        <div class="box-bottom">
          <span>你也可以使用以下账号登录</span>
          <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li class="sel"></li>
            <li class="sel"></li>
            <li class="sel"></li>
            <li class="sel"></li>
            <li>
              <span> 更多</span>
              <i class="select"></i>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <!-- 底部部分 -->
  <div class="footer">
    <div class="common">
      <div class="footer-top">
        <p>Copyright © 2010-2015 北京创锐文化传媒有限公司 Jumei.com 保留一切权利。客服热线：400-123-8888 </p>
        <p> <span>京公网安备 11010102001226 号 | </span> <a href="#">京ICP证111033号</a><span> | 食品流通许可证 SP1101051110165515（1-1）
          </span> <a href="#">营业执照</a>&nbsp;|<a href="#">&nbsp;公示制度</a></p>

      </div>
      <img src="./image/login-footer.png" alt="" class="pic">
    </div>
  </div>

</body>

</html>